<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QZBlog</title>
    <!-- <link href="../static/css/bootstrap.css" rel="stylesheet"> -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../static/css/qz-blog.css">
</head>
<body>
    <!-- 导航 -->
    <nav class="navbar navbar-inverse navbar-static-top c-margin-bo">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                  <a class="navbar-brand c-text-color" href="index.html">QZ-Bolg</a>
            </div>
            <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav c-text-spac">
                    <li><a href="index.html"> <span class="glyphicon glyphicon-home c-icon-magrin"></span><span>首页</span></a></li>
                    <li><a href="classify.html"><span class="glyphicon glyphicon-folder-open c-icon-magrin"></span><span>分类</span></a></li>
                    <li><a href="tag.html"><span class="glyphicon glyphicon-tags c-icon-magrin"></span>标签</a></li>
                    <li><a href="time.html"><span class="glyphicon glyphicon-time c-icon-magrin"></span>归档</a></li>
                    <li  class="active"><a href="about.html"><span class="glyphicon glyphicon-user c-icon-magrin"></span>关于我</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 导航 -->

     <!--巨幕-->
     <div class="jumbotron backg-img">
        <div class="container c-text-bg-color">
            <h3>老张的个人开发日志！！</h3>
            <p>生活不止眼前的苟且，还有明天和后天！！</p>
        </div>
    </div>
    <!--巨幕-->

    <!-- 内容区 -->
    <div class="container">
      <div class="row">
          <div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title c-xxx">QZ-Blog</h3>
                </div>
                <div class="panel-body">
                    <div class="col-xs-12 c-col-margin">
                        <img src="https://img-bss.csdn.net/20191112175512957.jpg" alt="" class="img-responsive">
                    </div>
                </div>
                <ul class="list-group">
                    <li class="list-group-item">
                      <span class="badge">44</span>
                      博客
                    </li>
                    <li class="list-group-item">
                        <span class="badge">5</span>
                        分类
                      </li>
                      <li class="list-group-item">
                        <span class="badge">12</span>
                        标签
                      </li>
                  </ul>
              </div>
          </div>
          <div class="col-md-8">
            <div class="panel panel-default">
                <div class="panel-body">
                    <h4 class="c-about-title">博客由来</h4>
                    <p class="c-text-spac-ind-about">
                        搭建一个博客，是我一直以来的想法，但生活就是这样，琐碎的事情，一个个接踵而至，虽然没有占用太多的生活时间，但总能够轻而易举的打乱一些计划。
                        在做了最终考虑之后，慢慢的静下心来开始分析自己需要一个什么样的博客网站，不需要太复杂，只要能够满足一些简单需求即可，这样能够快速的开发搭建，
                        避免后续其他的事情耽误，而做一个烂尾工程。
                    </p>
                    <h4 class="c-about-title">技术选型</h4>
                    <p class="c-text-spac-ind-about">
                        后台开发使用的是java，并且没有依赖于框架，控制层以及持久层，都是个人封装的一个小框架(并不完善)，页面渲染的模板引擎使用的是比较老的技术JSP。前端页面构建使用的是html，css，js，jQuery，Bootstrap
                    </p>
                    <h4 class="c-about-title">关于我</h4>
                    <p class="c-text-spac-ind-about">
                        生于94年的一个小伙，喜欢技术，热衷于学习与实践。
                    </p>
                    <p class="c-text-spac-ind-about">
                        如果需要网站的源码，可以加我的QQ获取。

                    </p>
                    <h4 class="c-about-title">寄语</h4>
                    <p class="c-text-spac-ind-about">
                        如果当下是正处在人生最艰难的阶段，一定不要放弃，多走几步，一定能够走出阴霾。
                    </p>
                </div>
              </div>
          </div>
      </div>
    </div>
    <!-- 内容区 -->

    <!-- 页面底部 -->
    <footer class="navbar-inverse">
        <div class="container c-text-spac-cont">
            <div class="row">
                <div class="col-md-3 c-padding divider">
                    <img src="https://img-bss.csdn.net/20191112175512957.jpg" alt="" class="img-responsive" style="width: 100%; height: 100%;"> 
                </div>
                <div class="col-md-3 c-text-color-ee-cent c-padding">
                    <h4>联系我</h4>
                    <p>
                        <span>
                            邮箱：trying326@163.com
                        </span>
                    </p>
                    <p>
                        <span>
                            QQ：865235911
                        </span>
                    </p>
                    <!-- <div>
                        <img src="../static/img/QQ.png" alt="">
                    </div> -->
                </div>
                <div class="col-md-6 c-text-color-ee-cent c-padding">
                    <h4>blog</h4>
                    <p class="c-text-spac-ind">
                        这是我的个人博客，旨在记录、分享、学习、交流，如果您能够在一些内容中有所收获，那将是我的莫大荣幸，如果内容中有些错误的地方，并且您也是一个爱好技术热爱生活的人，希望您能跟我交流，互相探讨和学习。
                        网站源码，可以添加我的QQ获取...
                    </p>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <p class="c-text-color-ee-cent">备案号：</p>
                </div>
            </div>

        </div>
    </footer>
    <!-- 页面底部 -->

    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/bootstrap.min.js"></script>
</body>
</html>